import { useState, useEffect } from "react";
import Props from "./components/Prop";
import DropDownBotton from "./components/DropDownBotton";
import "./App.css";
import LongList from "./components/LongList";
<<<<<<< Updated upstream
import Formcollect from "./components/Formcollect ";
import JsonToTable from "./components/JsonToTable";
import CircleProgress from "./components/CircleProgress";
=======
import AntdModal from "./components/AntdModal";
import RadioTest from "./components/Radio";
import FormTest from "./components/FormTest";
>>>>>>> Stashed changes

function App() {
  const [count, setCount] = useState(0);
  console.log(typeof count, "baga");

  useEffect(() => {
    let timer = setInterval(() => {
      // setCount((count) => count + 1);
      setCount(count + 1);
    }, 1000);
    return () => clearInterval(timer);
  }, []);
  return (
    <>
      {/* {count} */}
      {/* <Props content={count}></Props> */}
      {/* <DropDownBotton></DropDownBotton> */}
      {/* <LongList></LongList> */}
<<<<<<< Updated upstream
      {/* <Formcollect></Formcollect> */}
      <JsonToTable></JsonToTable>
      <CircleProgress></CircleProgress>
=======
      {/* {<AntdModal></AntdModal>} */}
      {/* <RadioTest></RadioTest>*/}
      <FormTest></FormTest>
>>>>>>> Stashed changes
    </>
  );
}

export default App;
